<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="edge">
    <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1.0,user-scalable=0">
    <meta content="telephone=no" name="format-detection" />
    <meta name="description" content="">
	<meta name="keywords" content="">
    <title>知识库-启动页</title>
    <link rel="stylesheet" type="text/css" href="css/reset.css">
    <link rel="stylesheet" type="text/css" href="css/startPage.css">
</head>
<body id="app">
	
	<!-- 启动界面 -->
    <!-- 1-用户中心 -->
	<section id="page1" class="page">
		<div class="pageHead"><img src="images/startPage/header1.jpg" /></div>
	    <div class="pageHead"><img src="images/startPage/see1.jpg" /></div>
	    <div class="pagefoot"><img src="images/startPage/footer1.jpg" /></div>
	    <div class="pageBg page1"></div>
	    <a href="javascript:void(0);" title="next" class="nextIcon next1"></a>
	</section>

	<!-- 2-我要看 -->
	<section id="page2" class="page">
		<div class="pageHead"><img src="images/startPage/header1.jpg" /></div>
		<div class="pageHead"><img src="images/startPage/see1.jpg" /></div>
	    <!-- <div class="pagefoot"><img src="images/startPage/footer1.jpg" /></div> -->
	    <div class="pageBg page2"></div>
	    <a href="javascript:void(0);" title="next" class="nextIcon next2"></a>
	</section>

	<!-- 3-我要问 -->
	<section id="page3" class="page">
		<div class="pageHead"><img src="images/startPage/header2.jpg" /></div>
		<div class="pageHead"><img src="images/startPage/ask1.jpg" /></div>
		<!-- <div class="pagefoot"><img src="images/startPage/footer2.jpg" /></div> -->
		<div class="pageBg page3"></div>
	    <a href="javascript:void(0);" title="next" class="nextIcon next3"></a>
	</section>
    
	<!-- 4-知识圈 -->
	<section id="page4" class="page">
		<div class="pageHead"><img src="images/startPage/header2.jpg" /></div>
		<div class="pageHead"><img src="images/startPage/zsq1.jpg" /></div>
		<!-- <div class="pagefoot"><img src="images/startPage/footer3.jpg" /></div> -->
		<div class="pageBg page4"></div>
	    <a href="index.html" title="next" class="nextIcon next4"></a>
	</section>

    <script type="text/javascript" src="js/lib/jquery.min.js"></script>
    <script type="text/javascript">
    	// 禁止滚动
    	var stop = 0;
		$('.nextIcon').bind('click',function(){
			if($(this).hasClass('stop')){
				$(this).removeClass('stop');
				stop = 1;
				//alert(1);
			}else{
				$(this).addClass('stop');
				stop = 0;
				//alert(0);
			}
		});
		document.addEventListener('touchmove', function(e){
			if(stop == 0){
				e.preventDefault();
				e.stopPropagation();
			}
		},false);
		    		
		var windowH = $(window).height();
    	$('.page,body').height(windowH);

    	$(function(){
    		$('.page:eq(0)').show().siblings().hide();
    		$('.nextIcon').bind('click',function(){
    			$(this).parent().hide().next().show();
    		});
    		$('.next4').bind('click',function(){
    			$('#page4').hide();
    		});
    	});
    </script>
</body>
</html>